/* stylelint-disable declaration-no-important */
/* stylelint-disable selector-pseudo-class-no-unknown */
.container {
  padding: 5px 0;

  :global {
    .rc-slider-handle {
      margin-top: -10px !important;
      width: 40px !important;
      height: 24px !important;
      cursor: pointer !important;
      background: var(--pneumatic-color-link) !important;
      border: none !important;
      border-radius: 24px !important;
      box-shadow: initial !important;
      transition: background 0.1s ease-in-out;

      &:hover {
        background: var(--pneumatic-color-link-hover) !important;
      }
    }

    .rc-slider-track,
    .rc-slider-rail,
    .rc-slider-step {
      height: 6px;
    }

    .rc-slider-rail {
      background: var(--pneumatic-color-black16) !important;
    }

    .rc-slider-track {
      background: var(--pneumatic-color-black100);
      border-radius: 3px;
    }
  }
}
